body {


	box-sizing:border-box;


}


input, textarea {


	-webkit-appearance:none


}


.container {


	position:relative;


	width:1400px;


	margin-left:auto;


	margin-right:auto


}


@media (max-width:1679px) {


.container {


width:1260px


}


}


@media (max-width:1259px) {


.container {


width:100%;


padding-left:30px;


padding-right:30px


}


}


@media (max-width:767px) {


.container {


width:100%;


padding-left:10px;


padding-right:10px


}


}


.wrap {


	padding-left:60px;


	padding-right:60px


}


@media (max-width:1679px) {


.wrap {


padding-left:40px;


padding-right:40px


}


}


@media (max-width:1259px) {


.wrap {


padding-left:30px;


padding-right:30px


}


}


@media (max-width:767px) {


.wrap {


padding-left:10px;


padding-right:10px


}


}


.main-color {


	color:#2365d0


}


img {


	max-width:100%;


	max-height:100%


}


.banner-pc {


	position:relative


}


.banner-pc .banner-arrow {


	display:block;


	position:absolute;


	width:31px;


	height:47px;


	left:50%;


	margin-left:-15px;


	bottom:30px;


	overflow:hidden


}


.banner-pc .banner-arrow:after {


	position:absolute;


	left:0;


	top:0;


	height:17px;


	width:100%;


	background:url("../images/banner-arrow.png") no-repeat center;


	content:"";


	display:block


}


.banner-pc .banner-arrow span {


	position:relative;


	display:block;


	height:17px;


	width:100%;


	background:url("../images/banner-arrow.png") no-repeat center;


	opacity:0;


	top:0;


	-webkit-animation:arrow-animate 2.4s 1.2s infinite linear;


	animation:arrow-animate 2.4s 1.2s infinite linear


}


.banner-pc .banner-arrow:after {


	opacity:0;


	top:0;


	-webkit-animation:arrow-animate 2.4s 0s infinite linear;


	animation:arrow-animate 2.4s 0s infinite linear


}


@-webkit-keyframes arrow-animate {


0% {


top:0;


opacity:0


}


50% {


opacity:1;


top:15px


}


100% {


opacity:0;


top:30px


}


}


@keyframes arrow-animate {


0% {


top:0;


opacity:0


}


50% {


opacity:1;


top:15px


}


100% {


opacity:0;


top:30px


}


}


.banner-pc .banner {


	width:100%;





	overflow:hidden


}


.banner-pc .banner p {


	display:block;


	height:500px;


	width:100%;


	background-size:cover;


	background-position:center center;


	background-repeat:no-repeat


}


@media (max-height:740px) {


.banner-pc .banner p {


background-position:center top


}


}


@media (max-height:620px) {


.banner-pc .banner p {


background-position:center -100px


}


}


.banner-pc .banner .slick-prev, .banner-pc .banner .slick-next {


	width:40px;


	height:40px;


	top:50%;


	margin-top:-20px;


-webkit-transition:all .4s;


transition:all .4s


}


.banner-pc .banner .slick-prev:hover, .banner-pc .banner .slick-next:hover {


	background-color:#2365d0


}


.banner-pc .banner .slick-prev {


	left:60px;


	background:rgba(0, 0, 0, 0.1) url("../images/arrow-left.png") no-repeat center


}


.banner-pc .banner .slick-next {


	right:60px;


	background:rgba(0, 0, 0, 0.1) url("../images/arrow-right.png") no-repeat center


}


.banner-phone {


	display:none;


	text-align:center


}


.banner-phone img {


	display:inline-block


}


.banner-phone .slick-prev, .banner-phone .slick-next {


	width:40px;


	height:40px;


	top:50%;


	margin-top:-20px;


-webkit-transition:all .4s;


transition:all .4s


}


.banner-phone .slick-prev:hover, .banner-phone .slick-next:hover {


	background-color:#2365d0


}


.banner-phone .slick-prev {


	left:20px;


	background:rgba(0, 0, 0, 0.1) url("../images/arrow-left.png") no-repeat center


}


.banner-phone .slick-next {


	right:20px;


	background:rgba(0, 0, 0, 0.1) url("../images/arrow-right.png") no-repeat center


}


@media (max-width:1259px) {


.banner-pc {


display:none


}


.banner-phone {


display:block;


max-height:670px;


overflow:hidden


}


}


@media (max-width:1024px) {


.banner-phone {


max-height:545px


}


}


@media (max-width:991px) {


.banner-phone {


max-height:525px


}


}


@media (max-width:768px) {


.banner-phone {


max-height:408px


}


}


@media (max-width:640px) {


.banner-phone {


max-height:340px


}


}


@media (max-width:640px) {


.banner-phone {


max-height:340px


}


}


@media (max-width:414px) {


.banner-phone {


max-height:220px


}


}


@media (max-width:412px) {


.banner-phone {


max-height:219px


}


}


@media (max-width:375px) {


.banner-phone {


max-height:199px


}


}


@media (max-width:360px) {


.banner-phone {


max-height:191px


}


}


@media (max-width:320px) {


.banner-phone {


max-height:170px


}


}


.home-header {


	z-index:1000;


	width:100%;


	background:#fff;


	height:111px;


	border-bottom:1px solid #eaeaea;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.home-header .container {


	height:100%


}


.home-header .logo {


	float:left;


	height:80px;


	z-index:10;


	text-align:center;


	margin-top:15px;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.home-header .search {


	float:right;


	position:absolute;


	right:0;


	margin-top:35px;


	z-index:10;


	width:240px


}


.home-header .search input {


	padding:0 50px 0 10px;


	display:block;


	font-size:14px;


	background:#fff;


	width:100%;


	height:40px;


	line-height:40px;


	border-radius:20px;


	border:1px solid #d1d1d1;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.home-header .search .btn {


	display:block;


	width:40px;


	height:40px;


	background:url("../images/search.png") no-repeat center;


	position:absolute;


	right:10px;


	top:0


}


.home-header .fa-bars {


	float:right;


	line-height:60px;


	color:#2365d0;


	display:none;


	font-size:24px;


	margin-left:20px


}


.home-header .nav {


	float:right;


	margin-right:200px;


	height:100%


}


.home-header .nav>li {


	text-align:center;


	height:100%;


	float:left;


	position:relative


}


.home-header .nav>li>a {


	padding:0 30px;


	display:table;


	height:100%;


	text-align:center;


	position:relative;


	width:100%


}


.home-header .nav>li>a p {


	display:table-cell;


	vertical-align:middle;


	line-height:1


}


.home-header .nav>li>a p span {


	display:block


}


.home-header .nav>li>a p .cn {


	font-size:20px;


	position:relative


}


.home-header .nav>li>a p .en {


	text-transform:uppercase;


	font-size:12px;


	color:#bababa;


	margin-top:8px


}


@media (max-width:1280px) {


.home-header .nav>li>a p .en {


display:none


}



}



.home-header .nav>li .navv {


	display:none;


	padding:10px 0;


	z-index:100;


	position:absolute;


	left:0;


	top:100%;


-webkit-transition:.3s;


transition:.3s;


	width:140%;


	margin-left:-20%;


	background:#15407a;


	background:rgba(21, 64, 122, 0.8);


	text-align:center;


	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)


}


.home-header .nav>li .navv a {


	display:block;


	line-height:30px;


	font-size:14px;


	color:#fff


}


.home-header .nav>li .navv a:hover {


	background:#2365d0


}


.home-header .nav>li:hover>a {


	color:#2365d0


}


.home-header .nav>li:hover .navv {


	display:block


}


@media (max-width:1679px) {


.home-header {


height:100px


}


.home-header .logo {


height:60px;


margin-top:10px


}


.home-header .search {


margin-top:20px;


width:200px


}


.home-header .nav {


margin-right:155px


}


.home-header .nav>li>a {


padding:0 15px


}


.home-header .nav .cn {


font-size:18px !important


}


}


@media (max-width:1259px) {


.home-header {


height:61px


}


.home-header .logo {


height:50px;


margin-top:5px


}


.home-header .search {


display:none


}


.home-header .nav {


display:none !important


}


.home-header .fa-bars {


display:block


}


}


@media (max-width:767px) {


.home-header {


height:51px


}


.home-header .logo {


height:40px;


margin-top:5px


}


.home-header .fa-bars {


line-height:50px


}


}


.fixed {


	position:fixed;


	z-index:1000;


	top:0;


	left:0


}


.inside-header {


	position:fixed;


	z-index:1000;


	top:0;


	width:100%;


	background:#fff;


	height:111px;


	border-bottom:1px solid #eaeaea;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.inside-header .container {


	height:100%


}


.inside-header .logo {


	position:absolute;


	width:11.11%;


	height:80px;


	left:50%;


	z-index:10;


	text-align:center;


	top:15px;


	margin-left:-5.5%;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.inside-header .search {


	float:right;


	position:absolute;


	right:0;


	margin-top:35px;


	z-index:10;


	width:155px


}


.inside-header .search input {


	padding:0 40px 0 10px;


	display:block;


	font-size:14px;


	background:#fff;


	width:100%;


	height:40px;


	line-height:40px;


	border-radius:20px;


	border:1px solid #d1d1d1;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out;


	font-size:12px


}


.inside-header .search:hover input {


	width:155px


}


.inside-header .search .btn {


	display:block;


	width:40px;


	height:40px;


	background:url("../images/search.png") no-repeat center;


	position:absolute;


	right:10px;


	top:0


}


.inside-header .fa-bars {


	float:right;


	line-height:60px;


	color:#2365d0;


	display:none;


	font-size:24px;


	margin-left:20px


}


.inside-header .nav {


	width:100%;


	height:100%


}


.inside-header .nav>li {


	text-align:center;


	width:11.11%;


	height:100%;


	float:left;


	position:relative


}


.inside-header .nav>li>a {


	display:table;


	height:100%;


	text-align:center;


	position:relative;


	width:100%


}


.inside-header .nav>li>a p {


	display:table-cell;


	vertical-align:middle;


	line-height:1


}


.inside-header .nav>li>a p span {


	display:block


}


.inside-header .nav>li>a p .cn {


	font-size:20px;


	position:relative


}


.inside-header .nav>li>a p .en {


	text-transform:uppercase;


	font-size:12px;


	color:#bababa;


	margin-top:8px


}


@media (max-width:1280px) {


.inside-header .nav>li>a p .en {


display:none


}


}


.inside-header .nav>li .navv {


	display:none;


	padding:10px 0;


	z-index:100;


	position:absolute;


	left:0;


	top:100%;


-webkit-transition:.3s;


transition:.3s;


	width:140%;


	margin-left:-20%;


	background:#15407a;


	background:rgba(21, 64, 122, 0.8);


	text-align:center;


	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)


}


.inside-header .nav>li .navv a {


	display:block;


	line-height:30px;


	font-size:14px;


	color:#fff


}


.inside-header .nav>li .navv a:hover {


	background:#2365d0


}


.inside-header .nav>li:hover>a {


	color:#2365d0


}


.inside-header .nav>li:hover .navv {


	display:block


}


@media (max-width:1679px) {


.inside-header {


height:81px


}


.inside-header .logo {


height:80px;


top:0px


}


.inside-header .search {


margin-top:20px


}


.inside-header .nav .cn {


font-size:18px !important


}


}


@media (max-width:1259px) {


.inside-header {


height:61px


}


.inside-header .logo {


height:50px;


top:5px


}


.inside-header .search {


display:none


}


.inside-header .nav {


display:none !important


}


.inside-header .fa-bars {


display:block


}


}


@media (max-width:767px) {


.inside-header {


height:51px


}


.inside-header .logo {


height:40px;


top:5px


}


.inside-header .fa-bars {


line-height:50px


}


}


.inside {


	padding-top:111px


}


@media (max-width:1679px) {


.inside {


padding-top:81px


}


}


@media (max-width:1259px) {


.inside {


padding-top:61px


}


}


@media (max-width:767px) {


.inside {


padding-top:51px


}


}


.inside-banner {


	position:relative;


	text-align:center


}


.inside-banner .pic .pc {


	display:block


}


.inside-banner .pic .mobile {


	display:none


}


.inside-banner .pic {


	width:100%


}


.inside-banner .pic img {


	display:block;


	width:100%


}


.inside-banner .txt {


	color:#fff;


	position:absolute;


	left:0;


	top:0;


	width:100%;


	height:100%


}


.inside-banner .txt .table {


	width:100%;


	height:100%;


	display:table


}


.inside-banner .txt .table .cell {


	display:table-cell;


	vertical-align:middle;


	line-height:1


}


.inside-banner .txt .table .cell .big {


	font-size:40px;


	font-weight:bold;


	position:relative


}


.inside-banner .txt .table .cell .big:after {


	content:'';


	display:block;


	width:40px;


	border-bottom:2px solid #fff;


	margin:30px auto


}


.inside-banner .txt .table .cell .small {


	font-size:40px


}


@media (max-width:1677px) {


.inside-banner .txt .table .cell .big {


font-size:40px


}


.inside-banner .txt .table .cell .small {


font-size:30px


}


}


@media (max-width:1259px) {


.inside-banner .txt .table .cell .big {


font-size:40px


}


.inside-banner .txt .table .cell .big:after {


margin:20px auto


}


.inside-banner .txt .table .cell .small {


font-size:24px


}


}


@media (max-width:767px) {


.inside-banner .pic .pc {


display:none


}


.inside-banner .pic .mobile {


display:block


}


.inside-banner .txt .table .cell .big {


font-size:22px


}


.inside-banner .txt .table .cell .big:after {


margin:10px auto


}


.inside-banner .txt .table .cell .small {


font-size:16px


}


}


.inside-nav {


	background:#15407a;


	text-align:center;


	line-height:0


}


.inside-nav ul {


	font-size:16px;


	display:inline-block;


	overflow:hidden;


	line-height:50px


}


.inside-nav ul li {


	float:left


}


.inside-nav ul li.active, .inside-nav ul li:hover {


	background:#2365d0


}


.inside-nav ul li a {


	display:block;


	padding:0 50px;


	color:#fff


}


@media (max-width:1259px) {


.inside-nav ul {


font-size:14px;


line-height:40px


}


.inside-nav ul li a {


padding:0 30px


}


}


@media (max-width:991px) {


.inside-nav ul {


font-size:14px;


line-height:36px


}


.inside-nav ul li a {


padding:0 15px


}


}


@media (max-width:414px) {


.inside-nav ul li a {


padding:0 11px


}


}


.home-box {


	padding-top:4%;


	padding-bottom:4%


}


.count {


	background:url("../images/count-bg.jpg") no-repeat center;


	background-size:cover;


	color:#fff


}


.count ul {


	width:100%;


	text-align:center;


	overflow:hidden;


	font-size:16px


}


.count ul li {


	float:left;


	width:25%;


	position:relative;


	padding:0 10px


}


.count ul li .number .counter {


	font-size:60px;


	line-height:60px;


	font-weight:bold;


	vertical-align:top;


	display:inline-block


}


.count ul li .number .unit {


	opacity:.6;


	filter:alpha(opacity=60);


	vertical-align:top


}


.count ul li .txt {


	margin-top:5px;


	opacity:.6;


	filter:alpha(opacity=60);


	line-height:1.2


}


.count ul li+li:before {


	content:'';


	display:block;


	height:45px;


	border-left:1px solid #fff;


	position:absolute;


	left:0;


	top:50%;


	margin-top:-23px;


	opacity:.15;


	filter:alpha(opacity=15)


}


@media (max-width:1679px) {


.count ul {


font-size:14px


}


.count ul li .number .counter {


line-height:50px;


font-size:50px


}


}


@media (max-width:1259px) {


.count ul li .number .counter {


line-height:40px;


font-size:40px


}


}


@media (max-width:767px) {


.count ul {


font-size:12px


}


.count ul li {


padding:0 5px


}


.count ul li .number .counter {


line-height:18px;


font-size:18px


}


}


.home-title {


	text-align:center;


	overflow-x:hidden


}


.home-title .cn {


	font-size:30px;


	line-height:1


}


.home-title .en {


	font-size:14px;


	line-height:1;


	margin-top:15px;


	color:#bcbcbc;


	text-transform:uppercase


}


.home-title .dot {


	width:9px;


	height:9px;


	background:#2365d0;


	position:relative;


	margin:15px auto 0


}


.home-title .dot:before, .home-title .dot:after {


	content:'';


	display:block;


	width:220px;


	border-bottom:1px solid #e6e6e6;


	position:absolute;


	top:4px


}


.home-title .dot:before {


	left:-230px


}


.home-title .dot:after {


	right:-230px


}


@media (max-width:1259px) {


.home-title .cn {


font-size:24px


}


.home-title .en {


margin-top:10px


}


.home-title .dot {


margin-top:10px


}


}


.home-about {


	background:#fafafa;


	text-align:center


}


.home-about .about-txt {


	line-height:30px;


	color:#666;


	margin-top:3%


}


.home-about .link {


	margin-top:3%


}


.home-about .link a {


	font-size:16px;


	display:inline-block;


	margin:10px;


	width:150px;


	line-height:44px;


	overflow:hidden;


	height:44px;


	border:1px solid #e0e0e0;


	background:#f3f3f3;


-webkit-transition:all .4s;


transition:all .4s


}


.home-about .link a:hover {


	background:#2365d0;


	color:#fff


}


@media (max-width:1259px) {


.home-about .link a {


width:130px;


line-height:36px;


margin:5px;


height:38px


}


}


.home-list01 ul {


	margin:0 -40px


}


.home-list01 ul li {


	padding:0 40px;


	float:left;


	width:33.33%


}


.home-list01 ul li .pic {


	width:100%;


	padding-top:45.87%;


	position:relative;


	overflow:hidden


}


.home-list01 ul li .pic img {


-webkit-transition:all .3s;


transition:all .3s


}


.home-list01 ul li .title {


	margin-top:25px;


	font-size:20px;


	white-space:nowrap;


	text-overflow:ellipsis;


	overflow:hidden;


	line-height:30px


}


.home-list01 ul li .title .en {


	margin-left:10px;


	color:#bcbcbc;


	font-size:18px


}


.home-list01 ul li .content {


	margin-top:20px;


	line-height:30px;


	height:60px;


	overflow:hidden;


	color:#666


}


.home-list01 ul li+li {


	border-left:1px solid #ebebeb


}


.home-list01 ul li:hover .pic img {


	-webkit-transform:scale(1.05);


	-ms-transform:scale(1.05);


	transform:scale(1.05)


}


@media (max-width:1679px) {


.home-list01 ul {


margin:0 -20px


}


.home-list01 ul li {


padding:0 20px


}


.home-list01 ul li .title {


margin-top:15px


}


.home-list01 ul li .content {


margin-top:10px


}


}


@media (max-width:767px) {


.home-list01 ul {


margin:0


}


.home-list01 ul li {


width:100%;


margin-bottom:10px;


padding:0;


border:none !important


}


}


.footer {


	background:#393d43;


	padding-top:3%;


	padding-bottom:3%


}


.footer .footer-nav {


	margin:0 -30px


}


@media (max-width:1280px) {


.footer .footer-nav {


display:none


}


}


.footer .footer-nav .last {


	width:19%


}


.footer .footer-nav li {


	float:left;


	width:13.5%;


	padding:0 30px


}


.footer .footer-nav li>a {


	display:block;


	color:#fff;


	color:rgba(255, 255, 255, 0.5);


	font-size:13px;


	line-height:30px;


	padding-left:10px;


	position:relative


}


.footer .footer-nav li>a:before {


	content:'';


	display:block;


	position:absolute;


	left:0;


	top:11px;


	border-left:4px solid rgba(255, 255, 255, 0.15);


	border-top:4px solid transparent;


	border-bottom:4px solid transparent


}


.footer .footer-nav li>a:hover {


	color:#fff


}


.footer .footer-nav li p {


	color:#fff;


	color:rgba(255, 255, 255, 0.5);


	font-size:13px;


	line-height:30px


}


.footer .footer-nav li p a {


	display:inline-block;


	color:#fff;


	color:rgba(255, 255, 255, 0.5)


}


.footer .footer-nav li p a:hover {


	color:#fff


}


.footer .footer-nav li .title {


	color:#fff;


	font-size:16px;


	font-weight:bold;


	padding-left:0;


	line-height:1;


	padding-bottom:1em;


	border-bottom:1px solid rgba(255, 255, 255, 0.15);


	margin-bottom:10px


}


.footer .footer-nav li .title:before {


	display:none


}


@media (max-width:1679px) {


.footer .footer-nav li {


padding:0 15px


}


}


.footer .back-top {


	display: none;


	margin-top:20px;


	position:relative


}


.footer .back-top .btn {


	cursor:pointer;


	display:block;


	margin:0 auto;


	width:50px;


	height:50px;


	border-radius:2px;


	background-color:#55585c;


-webkit-transition:all .4s;


transition:all .4s;


	position:relative;


	z-index:10


}


.footer .back-top .btn:after {


	content:'';


	display:block;


	width:26px;


	height:24px;


	background:url("../images/top-arrow.png") no-repeat center;


	background-size:contain;


	position:absolute;


	left:50%;


	top:50%;


	margin-left:-13px;


	margin-top:-12px


}


.footer .back-top .btn:hover {


	background:#2365d0


}


.footer .back-top:after {


	content:'';


	display:block;


	width:100%;


	border-bottom:1px solid #55585c;


	position:absolute;


	left:0;


	top:24px


}


.footer .footer-info {


	color:#fff;


	text-align:center;


	font-size:30px;


	font-weight:bold;


	margin:2% 0


}


.footer .footer-info a {


	color:#fff


}


@media (max-width:1259px) {


.footer .footer-info {


font-size:24px


}


}


.footer .ewm {


	text-align:center


}


.footer .ewm span {


	display:inline-block;


	margin:0 9px


}


@media (max-width:1259px) {


.footer .ewm span {


margin:0 10px


}


}


@media (max-width:767px) {


.footer .ewm span {


margin:0 5px


}


}


.footer .ewm span img {


	display:block;


}


.footer .ewm span b {


	display:block;


	margin-top:5px;


	color:#fff;


	font-weight:normal


}


.home-adv {


	line-height:0;


	text-align:center


}


.home-case {


	overflow:hidden


}


.home-case .sub-link {


	margin-top:30px


}


.home-case ul {


	overflow:hidden;


	margin:30px -20px 0;


	display:none


}


.home-case ul li {


	background:#fff;


	text-align:center;


	width:25%;


	float:left;


	padding:20px;


	font-size:18px


}


.home-case ul li a {


	top:0;


	position:relative;


	display:block;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.home-case ul li a .pic {


	width:100%;


	position:relative;


	padding-top:57.47%


}


.home-case ul li a .pic .mask {


	position:absolute;


	width:100%;


	height:100%;


	z-index:10;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out;


	left:0;


	top:0;


	color:#fff;


	background:url("../images/mask70.png") repeat;


	opacity:0;


	filter:alpha(opacity=0)


}


.home-case ul li a .pic .mask .box {


	display:table;


	width:100%;


	height:100%


}


.home-case ul li a .pic .mask .box p {


	display:table-cell;


	vertical-align:middle


}


.home-case ul li a .pic .mask .box p .icon {


	width:50px;


	height:50px;


	display:block;


	background:url("../images/more.png") no-repeat center;


	background-size:contain;


	margin:0 auto 10px


}


.home-case ul li a .title {


	text-align:center;


	line-height:70px;


	overflow:hidden;


	text-overflow:ellipsis;


	white-space:nowrap


}


.home-case ul li a:hover {


	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)


}


.home-case ul li a:hover .pic .mask {


	opacity:1;


	filter:alpha(opacity=100)


}


@media (max-width:1259px) {


.home-case ul {


margin:20px -15px 0


}


.home-case ul li {


padding:15px;


font-size:16px


}


.home-case ul li a .pic .mask {


display:none


}


.home-case ul li a .title {


line-height:50px


}


}


@media (max-width:767px) {


.home-case ul {


margin:10px -10px 0


}


.home-case ul li {


width:50%;


padding:10px


}


.home-case ul li a .title {


font-size:14px;


line-height:40px


}


}


.home-case .show {


	display:block


}











.home-case2 {


	overflow:hidden


}


.home-case2 .sub-link {


	margin-top:30px


}


.home-case2 ul {


	overflow:hidden;


	margin:30px -20px 0;


	display:none


}


.home-case2 ul li {


	background:#fff;


	text-align:center;


	width:25%;


	float:left;


	padding:20px;


	font-size:18px


}


.home-case2 ul li a {


	top:0;


	position:relative;


	display:block;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out


}


.home-case2 ul li a .pic {


	width:100%;


	position:relative;


	padding-top:57.47%


}


.home-case2 ul li a .pic .mask {


	position:absolute;


	width:100%;


	height:100%;


	z-index:10;


-webkit-transition:all .4s ease-in-out;


transition:all .4s ease-in-out;


	left:0;


	top:0;


	color:#fff;


	background:url("../images/mask70.png") repeat;


	opacity:0;


	filter:alpha(opacity=0)


}


.home-case2 ul li a .pic .mask .box {


	display:table;


	width:100%;


	height:100%


}


.home-case2 ul li a .pic .mask .box p {


	display:table-cell;


	vertical-align:middle


}


.home-case2 ul li a .pic .mask .box p .icon {


	width:50px;


	height:50px;


	display:block;


	background:url("../images/more.png") no-repeat center;


	background-size:contain;


	margin:0 auto 10px


}


.home-case2 ul li a .title {


	text-align:center;


	line-height:70px;


	overflow:hidden;


	text-overflow:ellipsis;


	white-space:nowrap


}


.home-case2 ul li a:hover {


	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2)


}


.home-case2 ul li a:hover .pic .mask {


	opacity:1;


	filter:alpha(opacity=100)


}


@media (max-width:1259px) {


.home-case2 ul {


margin:20px -15px 0


}


.home-case2 ul li {


padding:15px;


font-size:16px


}


.home-case2 ul li a .pic .mask {


display:none


}


.home-case2 ul li a .title {


line-height:50px


}


}


@media (max-width:767px) {


.home-case2 ul {


margin:10px -10px 0


}


.home-case2 ul li {


width:50%;


padding:10px


}


.home-case2 ul li a .title {


font-size:14px;


line-height:40px


}


}


.home-case2 .show {


	display:block


}








.sub-link {


	text-align:center;


	line-height:0


}


.sub-link span {


	font-size:14px;


	display:inline-block;


	line-height:30px;


	overflow:hidden;


	height:30px;


-webkit-transition:all .4s;


transition:all .4s;


	position:relative;


	padding:0 15px


}


.sub-link span a {


	display:inline-block;


	width:100%;


	padding:0 10px


}


.sub-link span.active a, .sub-link span:hover a {


	background:#2365d0;


	color:#fff


}


.sub-link span.active a {


	background:#2365d0;


	color:#fff


}


@media (max-width:1259px) {


.sub-link {


margin-top:20px


}


.sub-link span {


margin-top:2px;


margin-bottom:2px


}


}


@media (max-width:768px) {


.sub-link {


margin-top:20px;


overflow:hidden;


clear:both


}


.sub-link span {


float:left;


margin-left:0;


margin-right:0;


padding:0 2px;


min-width:33.33333333%


}


.sub-link a {


display:inline-block;


background:#eee;


width:100%


}


}


.network {


	padding-top:4%


}


.network .map-phone {


	display:none


}


.network .map-pc {


	width:100%;


	position:relative


}


.network .map-pc img {


	display:block;


	width:100%


}


.network .map-pc .dots {


	z-index:10;


	display:block;


	width:8px;


	height:8px;


	border-radius:50%;


	background:#5a92eb;


	position:absolute


}


@media (max-width:1679px) {


.network .map-pc .dots {


width:6px;


height:6px


}


}


.network .map-pc i, .network .map-pc .dots:before, .network .map-pc .dots:after {


	position:absolute;


	left:50%;


	top:50%;


	margin-left:-20px;


	margin-top:-20px;


	border:1px solid #5a92eb;


	width:40px;


	height:40px;


	content:"";


	display:block;


	border-radius:50%;


	-webkit-backface-visibility:hidden


}


.network .map-pc i {


	opacity:0;


	-webkit-animation:wave-animate 3s 2s infinite ease-out;


	animation:wave-animate 3s 2s infinite ease-out


}


.network .map-pc .dots:before {


	-webkit-animation:wave-animate 3s infinite ease-out;


	animation:wave-animate 3s infinite ease-out


}


.network .map-pc .dots:after {


	opacity:0;


	-webkit-animation:wave-animate 3s 1s infinite ease-out;


	animation:wave-animate 3s 1s infinite ease-out


}


@-webkit-keyframes wave-animate {


0% {


-webkit-transform:scale(0);


transform:scale(0);


opacity:1;


-webkit-transform-origin:center;


transform-origin:center


}


100% {


-webkit-transform:scale(2);


transform:scale(2);


opacity:0;


-webkit-transform-origin:center;


transform-origin:center


}


}


@keyframes wave-animate {


0% {


-webkit-transform:scale(0);


transform:scale(0);


opacity:1;


-webkit-transform-origin:center;


transform-origin:center


}


100% {


-webkit-transform:scale(2);


transform:scale(2);


opacity:0;


-webkit-transform-origin:center;


transform-origin:center


}


}


.network .map-pc .tsny {


	left:15%;


	top:75.89%


}


.network .map-pc .mlw {


	left:14.88%;


	top:81.37%


}


.network .map-pc .bgst {


	left:24.71%;


	top:52.46%


}


.network .map-pc .xj {


	left:38.1%;


	top:27%


}


.network .map-pc .xj {


	left:38.1%;


	top:27%


}


.network .map-pc .bt {


	left:53.6%;


	top:31%


}


.network .map-pc .lz {


	left:50.1%;


	top:43.3%


}


.network .map-pc .xy {


	left:53.3%;


	top:46.5%


}


.network .map-pc .xa {


	left:53.9%;


	top:47.2%


}


.network .map-pc .yn {


	left:47.72%;


	top:69.4%


}


.network .map-pc .sd {


	left:59.2%;


	top:40.4%


}


.network .map-pc .qd {


	left:62.2%;


	top:41.37%


}


.network .map-pc .zz {


	left:57.84%;


	top:46%


}


.network .map-pc .yc {


	left:56.1%;


	top:54.3%


}


.network .map-pc .gl {


	left:55.2%;


	top:67.3%


}


.network .map-pc .nl {


	left:54%;


	top:73.28%


}


.network .map-pc .hk {


	left:55.22%;


	top:80.8%


}


.network .map-pc .sy {


	left:54.5%;


	top:83.56%


}


.network .map-pc .wh {


	left:58.6%;


	top:55.2%


}


.network .map-pc .xz {


	left:60.8%;


	top:45.9%


}


.network .map-pc .lyg {


	left:62.8%;


	top:47%


}


.network .map-pc .lyg {


	left:62.8%;


	top:47%


}


.network .map-pc .nj {


	left:62.3%;


	top:50.6%


}


.network .map-pc .hf {


	left:60.79%;


	top:52.3%


}


.network .map-pc .nc {


	left:59.88%;


	top:58.4%


}


.network .map-pc .sh {


	left:64%;


	top:52%


}


.network .map-pc .nb {


	left:63.8%;


	top:55.5%


}


.network .map-pc .jx {


	left:63.1%;


	top:54.5%


}


.network .map-pc .hz {


	left:62.2%;


	top:56%


}


.network .map-pc .wz {


	left:63.5%;


	top:59.5%


}


@media (max-width:1259px) {


.network .map-phone {


display:block


}


.network .map-pc {


display:none


}


}


@media (max-width:767px) {


.network {


display:none


}


}


.home-news {


	background:url("../images/home-bg.jpg") no-repeat center bottom;


	overflow:hidden


}


.home-news .sub-link {


	margin-top:30px


}


.home-news ul {


	overflow:hidden;


	margin:40px -30px 0;


	display:none


}


.home-news ul li {


	float:left;


	padding:0 30px;


	width:25%


}


.home-news ul li .date {


	line-height:1;


	color:#999;


	font-size:24px


}


.home-news ul li .title {


	display:block;


	font-size:18px;


	line-height:28px;


	margin-top:20px;


	overflow:hidden;


	text-overflow:ellipsis;


	white-space:nowrap


}


.home-news ul li .title:hover {


	color:#2365d0


}


.home-news ul li .content {


	line-height:30px;


	margin-top:20px;


	height:60px;


	overflow:hidden;


	color:#666


}


@media (max-width:1259px) {


.home-news ul {


margin:30px -15px 0


}


.home-news ul li {


padding:0 15px


}


.home-news ul li .date {


font-size:20px


}


.home-news ul li .title {


margin-top:10px;


font-size:16px


}


.home-news ul li .content {


margin-top:10px;


line-height:24px;


height:48px


}


.home-news ul li .more {


width:80px;


margin-top:15px


}


}


@media (max-width:767px) {


.home-news ul {


margin:20px -10px 0


}


.home-news ul li {


padding:0 10px;


width:50%;


margin-bottom:20px


}


.home-news ul li .date {


font-size:14px


}


}


.home-news .show {


	display:block


}


.home-more {


	margin-top:25px;


	display:block;


	height:30px;


	line-height:26px;


	width:100px;


	font-weight:bold;


	border:2px #2365d0 solid;


	background:#2365d0;


	color:#fff !important;


-webkit-transition:all .5s;


transition:all .5s;


	text-align:center


}


.home-more:hover {


	border:2px #2365d0 solid;


	color:#2365d0 !important;


	background:transparent


}


@media (max-width:1259px) {


.home-more {


width:80px;


margin-top:15px


}


}


.copyright {


	font-size:13px;


	line-height:50px;


	background:#303439;


	text-align:center;


	color:#fff;


	color:rgba(255, 255, 255, 0.3)


}





.copyright a{ color: #666}


.copyright .site-map {


	display:inline-block;


	margin:0 30px;


	color:#fff;


	color:rgba(255, 255, 255, 0.3);


	text-decoration:underline


}


.copyright .site-map:hover {


	color:#fff


}


.copyright .friend-link {


	font-size:13px;


	border:1px solid #6d6f73;


	outline:none;


	background:none;


	color:#fff;


	color:rgba(255, 255, 255, 0.3);


	vertical-align:middle;


	height:22px;


	line-height:20px;


	max-width:100%


}


.copyright .friend-link .option {


	background:#303439


}


@media (max-width:1259px) {


.copyright {


line-height:40px


}


}


.inside-box {


	padding-top:80px;


	padding-bottom:100px;


	line-height:30px


}


@media (max-width:1259px) {


.inside-box {


padding-top:40px;


padding-bottom:50px


}


}


@media (max-width:767px) {


.inside-box {


padding-top:20px;


line-height:24px


}


}


.culture {


	overflow:hidden


}


.culture .left {


	float:left;


	width:35%;


	padding-right:3.5%;


	position:relative


}


.culture .left .pic {


	position:absolute;


	right:40px;


	top:140px


}


.culture .left .en {


	font-size:40px;


	text-transform:uppercase;


	font-weight:bold;


	line-height:50px;


	font-family:'microsoft yahei'


}


.culture .left .en span {


	display:block;


	font-weight:200


}


.culture .left .cn {


	font-size:30px;


	line-height:40px;


	margin-top:50px


}


.culture .left .small {


	color:#777;


	margin-top:170px


}


.culture .left .small-en {


	letter-spacing:3px;


	color:#333;


	text-transform:uppercase;


	margin-top:15px


}


.culture .right {


	float:right;


	width:65%;


	padding-left:3.5%;


	border-left:1px solid #aaa;


	font-size:15px;


	color:#555


}


.culture .right .title {


	font-size:16px;


	color:#2365d0;


	margin-bottom:10px;


	font-weight:bold


}


.culture .right img {


	text-align:center


}


@media (max-width:1259px) {


.culture .left {


display:none


}


.culture .right {


width:100%;


max-width:840px;


margin:0 auto;


padding-left:0;


border:none;


float:none


}


}


@media (max-width:767px) {


.culture {


font-size:14px;


line-height:30px


}


}


.about dl {


	overflow:hidden


}


.about dl dt {


	float:left;


	width:47.85%;


	position:relative


}


.about dl dt:after {


	display:block;


	content:'';


	padding-top:86.56%


}


.about dl dd {


	float:right;


	width:52.15%;


	padding-left:4.4%;


	position:relative;


	padding-top:70px


}


.about dl dd .small {


	color:#2365d0;


	font-size:16px;


	line-height:1;


	text-transform:uppercase;


	letter-spacing:5px;


	padding-left:30px;


	position:absolute;


	left:8.43%;


	top:0


}


.about dl dd .small:before {


	content:'';


	display:block;


	width:12px;


	height:12px;


	background:#2365d0;


	position:absolute;


	left:0;


	top:1px


}


.about dl dd .line {


	position:absolute;


	width:250px;


	border-bottom:1px solid #c9c9c9;


	left:0;


	top:40px


}


.about dl dd .line:before {


	content:'';


	display:block;


	position:absolute;


	width:20%;


	border-bottom:1px solid #fff;


	left:-20%;


	top:0


}


.about dl dd .en {


	font-size:40px;


	font-weight:bold;


	line-height:1;


	text-transform:uppercase;


	padding-right:40px


}


.about dl dd .cn {


	font-size:30px;


	margin-top:5px;


	padding-right:40px


}


.about dl dd .content {


	font-size:15px;


	margin-top:30px;


	color:#555;


	overflow-y:auto;


	height:390px;


	padding-right:40px


}


.about dl dd .content::-webkit-scrollbar-track {


background-color:transparent;


border:1px solid #fff


}


.about dl dd .content::-webkit-scrollbar {


width:3px;


background-color:#f5f5f5


}


.about dl dd .content::-webkit-scrollbar-button {


display:none


}


.about dl dd .content::-webkit-scrollbar-thumb {


background-color:#2365d0


}


@media (max-width:1679px) {


.about dl dd .content {


height:330px


}


}


@media (max-width:1259px) {


.about dl dt {


width:60%;


float:none;


margin:0 auto


}


.about dl dd {


margin-top:30px;


float:none;


width:100%;


padding-left:0


}


.about dl dd .en {


padding-right:0


}


.about dl dd .cn {


padding-right:0


}


.about dl dd .small {


left:0;


padding-right:0


}


.about dl dd .content {


padding-right:0;


height:auto


}


}


@media (max-width:767px) {


.about {


line-height:30px;


font-size:14px


}


.about dl dd .content {


line-height:30px;


font-size:14px


}


.about dl dt {


width:100%;


float:none;


margin:0 auto


}


.about dl dd .en {


font-size:30px


}


.about dl dd .cn {


font-size:20px


}


}


.case .sub-link {


	margin-top:0


}


.case ul li {


	width:33.33%


}


@media (max-width:767px) {


.case ul li {


width:50%


}


}


.details-show .details-title {


	font-size:24px;


	font-weight:normal;


	line-height:34px;


	text-align:center


}


.details-show .details-source {


	font-size:14px;


	color:#999;


	border-bottom:1px dashed #bfbfbf;


	text-align:center;


	padding-bottom:12px;


	margin-top:30px


}


@media (max-width:767px) {


.details-show .details-source {


margin-top:15px


}


}


.details-show .details-source span {


	display:inline-block


}


.details-show .details-source .date {


	margin:0 50px


}


@media (max-width:767px) {


.details-show .details-source .date {


margin:0 10px


}


}


.details-show .details-content {


	margin-top:40px;


	font-size:15px;


	color:#666


}


@media (max-width:767px) {


.details-show .details-content {


font-size:14px;


line-height:30px;


margin-top:20px


}


}


.details-show .details-content img {


	max-width:100%


}


@media (max-width:991px) {


.roundabout_box {


display:none


}


}


.project .sub-link {


	margin-top:0


}


.project .list-head {


	margin-top:50px;


	background:#2365d0;


	color:#fff;


	font-size:18px;


	font-weight:bold;


	display:table;


	width:100%


}


.project .list-head span {


	display:table-cell;


	border-left:1px solid #e9f1f6;


	padding:5px 30px;


	vertical-align:middle


}


.project .list-head .number {


	text-align:center;


	width:7%;


	padding:5px 0


}


.project .list-head .company {


	width:26%


}


.project .list-head .name {


	width:67%


}


@media (max-width:991px) {


.project .list-head span {


padding:10px;


font-size:16px


}


.project .list-head .number {


padding:5px 0


}


}


.project ul {


	border-bottom:1px solid #e9f1f6


}


.project ul li {


	width:100%;


	display:table;


	border-right:1px solid #e9f1f6


}


.project ul li span {


	display:table-cell;


	border-left:1px solid #e9f1f6;


	padding:20px 30px;


	font-size:15px;


	color:#555;


	vertical-align:middle


}


.project ul li .number {


	text-align:center;


	width:7%;


	padding:20px 0


}


.project ul li .company {


	width:26%


}


.project ul li .name {


	width:67%


}


@media (max-width:991px) {


.project ul li span {


padding:10px;


font-size:14px


}


.project ul li .number {


padding:10px 0


}


}


@media (max-width:768px) {


.project .list-head {


margin-top:20px


}


}


.download {


	padding-top:30px


}


.download .search {


	padding:10px 0;


	margin-bottom:30px


}


.download .search .box {


	text-align:center;


	max-width:400px;


	margin:auto;


	position:relative


}


.download .search input {


	font-size:14px;


	border:1px #d1d1d1 solid;


	padding:5px 10px;


	line-height:28px;


	width:100%;


	padding-right:40px


}


.download .search input:focus {


	border:1px #2365d0 solid


}


.download .searchBtn {


	display:block;


	width:20px;


	height:20px;


	position:absolute;


	right:10px;


	top:50%;


	margin-top:-10px


}


.download ul {


	overflow:hidden


}


.download ul li {


	float:left;


	width:48%;


	padding-left:50px;


	padding-right:65px;


	background:url("../images/icon.png") no-repeat left top;


	padding-bottom:40px;


	margin-bottom:40px;


	font-size:18px;


	line-height:30px;


	border-bottom:1px solid #e5e5e5;


	position:relative


}


.download ul li .title {


	display:block;


	padding-right:40px;


	position:relative;


	overflow:hidden;


	text-overflow:ellipsis;


	white-space:nowrap


}


.download ul li .title:hover {


	color:#2365d0


}


.download ul li .title span {


	display:block;


	position:absolute;


	right:0;


	top:0


}


.download ul li .btn {


	display:block;


	position:absolute;


	right:0;


	top:0


}


@media (max-width:1259px) {


.download ul li {


width:100%;


padding-bottom:20px;


margin-bottom:20px;


padding-left:40px;


padding-right:45px;


font-size:16px


}


}


@media (max-width:767px) {


.download ul li {


width:100%;


padding-bottom:10px;


margin-bottom:10px;


padding-left:35px;


padding-right:40px;


font-size:14px


}


}


.news {


	position:relative


}


.news .water-box {


	position:relative;


	margin-bottom:60px


}


.news .water-box ul li {


	width:320px;


	background:#fff;


	margin:auto;


-webkit-transition:all .4s;


transition:all .4s


}


.news .water-box ul li a {


	display:block


}


.news .water-box ul li .pic img {


	display:block


}


.news .water-box ul li .txt {


	background:#f5f5f6;


	padding:25px 30px


}


.news .water-box ul li .txt .title {


	font-size:18px


}


.news .water-box ul li .txt .date {


	color:#999;


	border-bottom:1px dashed #e1e1e1


}


.news .water-box ul li .txt .content {


	color:#878787;


	line-height:24px;


	margin-top:20px


}


@media (max-width:1259px) {


.news .water-box ul li .txt {


padding:15px 20px


}


}


.contact {


	overflow:hidden


}


.contact .contact-title {


	line-height:1;


	font-size:24px;


	text-transform:uppercase;


	margin-bottom:60px


}


.contact .contact-title span {


	padding-bottom:15px;


	border-bottom:1px solid #2365d0;


	margin-right:10px


}


.contact .left {


	width:26%;


	float:left


}


.contact .right {


	width:70%;


	float:right


}


.contact .info li {


	padding-left:35px


}


.contact .info li p {


	line-height:25px;


	font-size:15px;


	color:#555


}


.contact .info li p a {


	color:#555


}


.contact .info li p a:hover {


	color:#2365d0


}


.contact .info li .title {


	font-weight:bold;


	font-size:16px;


	line-height:1;


	margin-bottom:10px


}


@media (max-width:991px) {


.contact .info li p {


display:inline-block;


margin-right:20px


}


.contact .info li .title {


display:block


}


}


.contact .info li+li {


	margin-top:30px


}


.contact .info .name {


	background:url("../images/icon03.png") no-repeat left top


}


.contact .info .tel {


	background:url("../images/icon04.png") no-repeat left top


}


.contact .info .e-mail {


	background:url("../images/icon10.png") no-repeat left top


}


.contact .info .fax {


	background:url("../images/icon05.png") no-repeat left top


}


.contact .info .add {


	background:url("../images/icon06.png") no-repeat left top


}


.contact .feedback {


	margin-top:45px


}


.contact .feedback p {


	font-size:15px;


	line-height:1;


	margin-bottom:15px


}


@media (max-width:767px) {


.contact .feedback p {


margin-bottom:10px


}


}


.contact .feedback input, .contact .feedback textarea {


	background:#fbfbfb;


	padding:10px;


	color:#333;


	vertical-align:middle;


	border:#d3d3d3 solid 1px;


	border-radius:3px


}


.contact .feedback input:focus, .contact .feedback textarea:focus {


	border:#2365d0 solid 1px;


	box-shadow:0 0 5px rgba(0, 87, 178, 0.69)


}


.contact .feedback .div-01 {


	clear:both


}


.contact .feedback .div-02 {


	width:48%;


	margin-bottom:25px


}


@media (max-width:767px) {


.contact .feedback .div-02 {


width:100%;


margin-bottom:10px


}


}


.contact .feedback .verify {


	clear:both;


	float:left;


	overflow:hidden


}


.contact .feedback .verify input {


	float:left;


	width:240px;


	margin-right:10px;


	margin-top:25px


}


@media (max-width:767px) {


.contact .feedback .verify input {


margin-top:10px


}


}


.contact .feedback .verify .yzm {


	float:left;


	margin-top:25px


}


@media (max-width:767px) {


.contact .feedback .verify .yzm {


margin-top:10px


}


}


.contact .feedback .verify .yzm img {


	width:120px;


	height:40px;


	border-radius:3px;


	border:1px solid #ddd;


	float:left


}


.contact .feedback .verify .a-01 {


	line-height:40px;


	float:left;


	display:inline-block;


	margin-left:10px;


	color:#999;


	text-decoration:underline;


	margin-top:25px


}


.contact .feedback .verify .a-01:hover {


	color:#2365d0


}


@media (max-width:767px) {


.contact .feedback .verify .a-01 {


margin-top:10px


}


}


.contact .feedback input {


	width:100%;


	height:40px


}


.contact .feedback textarea {


	font-family:"Microsoft YaHei";


	width:100%;


	min-height:130px


}


.contact .feedback .btn {


	margin-top:25px;


	float:right;


	text-align:center;


	overflow:hidden


}


@media (max-width:1259px) {


.contact .feedback .btn {


width:100%;


text-align:center;


margin-top:15px


}


}


.contact .feedback .submit, .contact .feedback .reset {


	display:inline-block;


	width:120px;


	text-align:center;


	height:40px;


	line-height:40px;


	font-weight:bold;


	color:#fff;


	margin-left:10px;


	background:#2365d0


}


@media (max-width:1259px) {


.contact .feedback .submit, .contact .feedback .reset {


margin:0 5px


}


}


.contact .feedback .reset {


	background:#363636


}


.contact .line {


	float:left;


	border:1px dashed #ccc;


	width:100%;


	margin-top:50px;


	margin-bottom:50px


}


.contact .transport li p {


	line-height:25px;


	font-size:15px;


	color:#555


}


.contact .transport li p a {


	color:#555


}


.contact .transport li p a:hover {


	color:#2365d0


}


.contact .transport li .title {


	font-weight:bold;


	font-size:16px;


	line-height:20px;


	padding-left:30px;


	margin-bottom:10px


}


.contact .transport li .tips {


	color:#8b6e4a;


	font-size:13px


}


.contact .transport li+li {


	margin-top:30px


}


.contact .transport .t01 {


	background:url("../images/icon07.png") no-repeat left center


}


.contact .transport .t02 {


	background:url("../images/icon08.png") no-repeat left center


}


.contact .transport .t03 {


	background:url("../images/icon09.png") no-repeat left center


}


.contact .webMap {


	width:100%;


	height:620px


}


@media (max-width:767px) {


.contact .webMap {


height:250px


}


}


.contact .webMap #map-box {


	width:100%;


	height:100%


}


.contact .webMap #map-box img {


	max-width:none;


	max-height:none


}


@media (max-width:991px) {


.contact .left {


width:100%


}


.contact .right {


margin-top:30px;


width:100%


}


}


.inside-history {


	background:url("../images/history.jpg") no-repeat bottom center;


	padding:80px 0 120px;


	overflow:hidden


}


.inside-history .big-title {


	font-size:40px;


	color:#333;


	text-align:center;


	font-weight:bold;


	text-transform:uppercase;


	line-height:45px


}


.inside-history .small-title {


	font-size:30px;


	color:#333;


	text-align:center;


	margin-bottom:50px;


	line-height:40px;


	background:url("../images/line01.jpg") no-repeat bottom center;


	padding-bottom:10px


}


@media (max-width:1259px) {


.inside-history .big-title {


font-size:30px;


line-height:40px


}


.inside-history .small-title {


font-size:24px


}


}


@media (max-width:767px) {


.inside-history .big-title {


font-size:24px;


line-height:36px


}


.inside-history .small-title {


font-size:20px


}


}


.inside-history .event_box {


	width:788px;


	margin:3% auto 0;


	position:relative


}


.inside-history .event_box .showsmall {


	width:660px;


	height:79px;


	overflow:hidden;


	background:url("../images/bg.png") no-repeat bottom center;


	margin:41px auto 0


}


.inside-history .showsmall {


	margin-top:41px


}


.inside-history .showsmall ul {


	width:100%;


	text-align:center;


	margin:0 auto


}


.inside-history .showsmall .tempWrap {


	margin:0 auto


}


.inside-history .showsmall .smallpic {


	display:inline-block;


	cursor:pointer;


	font-size:16px;


	color:#000;


	width:89px;


	position:relative;


	line-height:31px;


	text-align:center


}


.inside-history .showsmall .smallpic span {


	background:url("../images/dot_ico.png") no-repeat center center;


	width:24px;


	height:24px;


	display:block;


	margin:20px auto 0


}


.inside-history .showsmall .smallpic.slick-current {


	background:url("../images/bg1.png") no-repeat top center;


	color:#fff


}


.inside-history .showsmall .smallpic.slick-current span {


	background:url("../images/cat.png") no-repeat center center


}


.inside-history .showbig {


	text-align:center;


	margin-top:60px;


	width:459px;


	margin:0 auto;


	overflow:hidden


}


.inside-history .showbig .pic {


	width:459px;


	height:255px;


	position:relative;


	overflow:hidden


}


.inside-history .slideBox {


	width:459px;


	margin:0 auto;


	height:442px;


	background:#fff;


	box-shadow:0 0 10px #eee


}


.inside-history .slideBox span {


	font-size:20px;


	font-weight:bold;


	color:#333;


	text-align:left;


	display:block;


	width:459px;


	padding:40px 30px 5px;


	line-height:55px;


	overflow:hidden


}


.inside-history .slideBox p {


	color:#666;


	font-size:13px;


	text-align:left;


	padding:0 30px;


	line-height:30px;


	height:90px;


	width:459px;


	overflow:hidden


}


.inside-history div#listBox {


	width:100%


}


.inside-history .showbig .slick-prev, .inside-history .showbig .slick-next {


	width:50px;


	height:50px;


	display:block;


	position:absolute;


	top:190px;


	border:0


}


.inside-history .showbig .slick-prev {


	left:40px;


	background:url("../images/left1.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-history .showbig .slick-prev:hover {


	background:url("../images/left1h.png") no-repeat center center


}


.inside-history .showbig .slick-next {


	right:40px;


	background:url("../images/right1.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-history .showbig .slick-next:hover {


	background:url("../images/right1h.png") no-repeat center center


}


.inside-history .showsmall .slick-prev, .inside-history .showsmall .slick-next {


	width:41px;


	height:59px;


	display:block;


	position:absolute;


	bottom:-15px;


	border:0


}


.inside-history .showsmall .slick-prev {


	left:0;


	background:url("../images/left_ico.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-history .showsmall .slick-prev:hover {


	background:url("../images/left_ico1.png") no-repeat center center


}


.inside-history .showsmall .slick-next {


	right:0;


	background:url("../images/right_ico.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-history .showsmall .slick-next:hover {


	background:url("../images/right_ico1.png") no-repeat center center


}


@media (max-width:992px) {


.inside-history .event_box .showsmall {


display:none


}


}


@media (max-width:768px) {


.inside-history .event_box {


width:100%


}


.inside-history {


padding:40px 10px


}


.inside-history .slideBox p {


font-size:14px;


line-height:30px


}


.inside-history .showbig .slick-prev {


left:0


}


.inside-history .showbig .slick-next {


right:0


}


.inside-history .small-title {


margin-bottom:30px


}


}


@media (max-width:500px) {


.inside-history .showbig {


width:100%


}


.inside-history .showbig .pic {


width:100%;


height:auto


}


.inside-history .showbig .pic:after {


padding-bottom:55%;


content:"";


display:block


}


.inside-history .slideBox {


height:auto


}


.inside-history .slideBox span {


padding:20px 30px 5px


}


.inside-history .showbig .slick-prev, .inside-history .showbig .slick-next {


top:30%


}


.inside-history .slideBox p {


height:60px;


margin-bottom:30px


}


.inside-history .slideBox p {


width:auto


}


}


.inside-honor {


	width:1400px;


	margin:0 auto;


	padding:80px 0 100px


}


.inside-honor .honor-top {


	background:#f5f5f5


}


.inside-honor .honor-top .pic {


	width:310px;


	height:317px;


	float:left;


	position:relative;


	margin-right:60px;


	overflow:hidden


}


.inside-honor .honor-top .honor-info {


	padding:40px 60px 0 0;


	overflow:hidden;


	height:317px


}


.inside-honor .honor-top .honor-info .honor-title {


	font-size:40px;


	color:#333;


	font-weight:bold;


	text-transform:uppercase;


	line-height:45px


}


.inside-honor .honor-top .honor-info .honor-p {


	padding-bottom:30px;


	border-bottom:1px dashed #ccc;


	overflow:hidden


}


.inside-honor .honor-top .honor-info .honor-p span {


	font-size:30px;


	color:#333;


	line-height:45px;


	display:block;


	float:left;


	margin-right:20px


}


.inside-honor .honor-top .honor-info .honor-p p {


	font-size:15px;


	color:#555;


	line-height:35px;


	padding-top:10px


}


.inside-honor .honor-top .honor-info .honor-ul {


	padding-top:30px;


	overflow:hidden


}


.inside-honor .honor-top .honor-info .honor-ul ul {


	overflow:auto;


	height:126px


}


.inside-honor .honor-top .honor-info .honor-ul ul li {


	margin-bottom:20px;


	float:left;


	overflow:hidden;


	width:25%


}


.inside-honor .honor-top .honor-info .honor-ul ul li a {


	background:url("../images/dot.png") no-repeat center left;


	display:block;


	padding:0 10px 0 22px;


	font-size:15px;


	color:#555;


	overflow:hidden;


	white-space:nowrap;


	text-overflow:ellipsis


}


.inside-honor .honor-bottom {


	height:100%;


	position:relative;


	margin:60px -7px 0


}


.inside-honor .honor-bottom .slick-prev, .inside-honor .honor-bottom .slick-next {


	width:50px;


	height:50px;


	display:block;


	position:absolute;


	top:50%;


	border:0;


	margin-top:-25px;


	z-index:3


}


.inside-honor .honor-bottom .slick-prev {


	left:-70px;


	background:url("../images/left1.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-honor .honor-bottom .slick-prev:hover {


	background:url("../images/left1h.png") no-repeat center center


}


.inside-honor .honor-bottom .slick-next {


	right:-70px;


	background:url("../images/right1.png") no-repeat center center;


	display:block;


	cursor:pointer


}


.inside-honor .honor-bottom .slick-next:hover {


	background:url("../images/right1h.png") no-repeat center center


}


.inside-honor .honor-bottom .item {


	float:left;


	margin:0 7px


}


.inside-honor .honor-bottom .item .pic {


	width:100%;


	position:relative;


	border:6px solid #e7e4e4;


	overflow:hidden


}


.inside-honor .honor-bottom .item .pic:after {


	padding-bottom:68%;


	content:"";


	display:block


}


@media (max-width:1440px) {


.inside-honor {


padding:80px 10px 100px;


width:100%


}


.inside-honor .honor-bottom .slick-next {


right:0


}


.inside-honor .honor-bottom .slick-prev {


left:0


}


}


@media (max-width:1200px) {


.inside-honor .honor-top .pic {


display:none


}


.inside-honor .honor-top .honor-info {


padding:40px 60px 0


}


.inside-honor .honor-top .honor-info .honor-ul ul {


overflow:hidden;


height:auto


}


.inside-honor .honor-top .honor-info {


height:auto


}


}


@media (max-width:768px) {


.inside-honor {


padding:40px 10px


}


.inside-honor .honor-top .honor-info .honor-title {


font-size:26px


}


.inside-honor .honor-top .honor-info .honor-p {


padding-bottom:15px


}


.inside-honor .honor-top .honor-info .honor-p p {


line-height:30px;


font-size:14px;


margin-top:0


}


.inside-honor .honor-bottom {


margin:30px 0 0


}


.inside-honor .honor-top .honor-info .honor-p span {


line-height:1;


display:block;


margin-right:5px;


font-size:18px;


float:none;


margin-bottom:5px


}


.inside-honor .honor-top .honor-info .honor-ul ul li {


width:33.333333%


}


.inside-honor .honor-top .honor-info {


padding:30px 30px 0


}


.inside-honor .honor-top .honor-info .honor-ul ul li a {


font-size:14px


}


}


@media (max-width:414px) {


.inside-honor .honor-top .honor-info .honor-ul ul li {


width:50%


}


}


@media (max-width:414px) {


.inside-honor .honor-top .honor-info {


padding:15px 15px 0


}


.inside-honor .honor-top .honor-info .honor-ul ul li {


width:50%


}


}


@media (max-width:320px) {


.inside-honor .honor-top .honor-info .honor-ul ul li {


width:100%


}


}


.inside-product {


	width:1400px;


	margin:0 auto;


	padding:80px 0 100px;


	overflow:hidden


}


.inside-product ul {


	overflow:hidden;


	margin:0 -20px


}


.inside-product ul li {


	float:left;


	width:25%;


	padding:0 20px;


	margin:0 0 60px;


	overflow:hidden


}


.inside-product ul li a .pic {


	width:100%;


	position:relative;


	border:1px solid #e5e5e5;


	overflow:hidden


}


.inside-product ul li a .pic img {


-webkit-transition:.5s;


transition:.5s


}


.inside-product ul li a .pic:after {


	padding-bottom:100%;


	content:"";


	display:block


}


.inside-product ul li a .pic .product-hover {


	position:absolute;


	top:0;


	left:0;


	text-align:center;


	background:url("../images/productbg.png") repeat center center;


	width:100%;


	height:100%;


	display:none;


-webkit-transition:.5s;


transition:.5s


}


.inside-product ul li a .pic .product-hover span {


	position:relative;


	top:50%;


	color:#fff;


	font-size:18px;


	background:url("../images/more.png") no-repeat top center;


	padding-top:75px;


	display:block;


	margin-top:-51px


}


.inside-product ul li a .product-title {


	height:67px;


	line-height:67px;


	overflow:hidden;


	white-space:nowrap;


	text-overflow:ellipsis;


	font-size:18px;


	color:#333;


	border-bottom:1px solid #e5e5e5


}


.inside-product ul li:hover a .pic img {


	-webkit-transform:scale(1.05);


	-ms-transform:scale(1.05);


	transform:scale(1.05)


}


.inside-product ul li:hover a .pic .product-hover {


	display:block


}


@media (max-width:1440px) {


.inside-product {


padding:80px 10px 100px;


width:100%


}


.inside-product ul {


margin:0


}


}


@media (max-width:1260px) {


.inside-product ul li {


padding:0 15px


}


}


@media (max-width:768px) {


.inside-product {


padding:40px 10px


}


.inside-product ul li {


width:33.3333%;


padding:0 10px;


margin:0 0 30px


}


}


@media (max-width:640px) {


.inside-product ul li {


padding:0 5px;


margin-bottom:20px


}


.inside-product ul li a .product-title {


height:47px;


line-height:47px;


font-size:16px


}


}


@media (max-width:500px) {


.inside-product ul {


margin:0 -5px


}


.inside-product ul li {


width:50%


}


}


.page {


	text-align:center;


	overflow:hidden;


	margin:0 auto


}


.page a {


	display:inline-block;


	line-height:30px;


	padding:0 11px;


	height:30px;


	font-weight:normal;


	font-size:14px;


	vertical-align:middle;


	color:#666;


	font-family:arial;


	margin-right:8px;


	border-radius:5px;


	background:#f0f0f0;


	margin-bottom:5px


}


.page a:hover {


	background:#2265d0;


	color:#fff


}


.page .num2 {


	width:30px;


	text-align:center;


	vertical-align:middle;


	background:#f0f0f0


}


.page .num2:hover {


	background:#2265d0


}


.page .num3 {


	width:30px;


	text-align:center;


	vertical-align:middle;


	background:#f0f0f0


}


.page .num3:hover {


	background:#2265d0


}


.page .cpb {


	background:#2265d0;


	color:#fff


}


.inside-product-show {


	width:1400px;


	margin:0 auto;


	padding:80px 0 0;


	overflow:hidden


}


.inside-product-show .product-show-top {


	padding:40px;


	overflow:hidden;


	background:#f5f5f6


}


.inside-product-show .product-show-top .pic {


	position:relative;


	width:500px;


	margin-right:50px;


	float:left


}


.inside-product-show .product-show-top .pic:after {


	padding-bottom:100%;


	content:"";


	display:block


}


.inside-product-show .product-show-top .product-show-info {


	float:left;


	width:750px;


	height:500px;


	overflow:auto


}


.inside-product-show .product-show-title {


	margin-top:10px;


	line-height:40px;


	padding-bottom:25px;


	color:#333;


	font-size:24px;


	margin-bottom:22px;


	overflow:hidden


}


.inside-product-show .product-show-top .product-show-info .product-show-span {


	font-size:18px;


	color:#2265d0;


	font-weight:bold;


	margin-bottom:25px;


	overflow:hidden


}


.inside-product-show .product-show-top .product-show-info .product-show-p {


	line-height:30px;


	color:#333;


	font-size:15px;


	margin-bottom:70px;


	overflow:hidden


}


.inside-product-show .product-show-top .product-show-info ul {


	overflow:hidden


}


.inside-product-show .product-show-top .product-show-info ul li {


	float:left;


	background:#e5e7eb;


	border-radius:5px;


	padding:16px;


	overflow:hidden;


	width:32.333333%;


	margin-right:1%


}


.inside-product-show .product-show-top .product-show-info ul li span {


	display:block;


	height:30px;


	line-height:30px;


	font-size:18px;


	color:#333;


	font-weight:bold;


	margin-bottom:12px


}


.inside-product-show .product-show-top .product-show-info ul li p {


	font-size:14px;


	color:#555


}


.inside-product-show .product-show-top .product-show-info ul .p1 span {


	background:url("../images/p1.png") no-repeat center left;


	padding-left:30px


}


.inside-product-show .product-show-top .product-show-info ul .p2 span {


	background:url("../images/p2.png") no-repeat center left;


	padding-left:30px


}


.inside-product-show .product-show-top .product-show-info ul .p3 span {


	background:url("../images/p3.png") no-repeat center left;


	padding-left:30px


}


.inside-product-show .product-show-top .product-show-info .product-contact {


	width:150px;


	height:40px;


	line-height:40px;


	color:#fff;


	display:block;


	margin-top:50px;


	background:#2265d0 url("../images/dot1.png") no-repeat 130px center


}


.inside-product-show .product-show-top .product-show-info .product-contact a {


	display:block;


	padding-left:25px;


	color:#fff;


	font-size:18px


}


.inside-product-show .product-show-top .product-show-info .product-contact:hover {


	background:#15407a url("../images/dot1.png") no-repeat 130px center


}


.inside-product-show .product-show-bottom {


	overflow:hidden;


	margin-bottom:50px


}


.inside-product-show .product-show-bottom .pro-title {


	font-size:30px;


	margin-top:50px;


	line-height:30px;


	background:url("../images/line01.png") no-repeat center right;


	margin-bottom:35px;


	overflow:hidden


}


.inside-product-show .product-show-bottom .pro-title span {


	color:#333;


	float:left;


	display:block;


	padding-right:10px;


	background:#fff


}


.inside-product-show .product-show-bottom .pro-title b {


	color:#999;


	display:block;


	float:left;


	text-transform:uppercase;


	font-weight:normal;


	padding-right:20px;


	background:#fff


}


.inside-product-show .product-show-bottom .pro-info {


	background:url("../images/pbg.jpg") repeat-y 5px top;


	padding-top:10px;


	padding-left:40px;


	overflow:hidden


}


.inside-product-show .product-show-bottom .pro-info .pro-info-title {


	display: inline-block;


	background: #2265d0 url(../images/psbg.jpg) no-repeat center left;


	margin-left:-40px;


	padding-left:50px;


	height:30px;


	line-height:30px;


	font-size:18px;


	color:#fff;


	font-weight:bold;


	margin-bottom:30px


}


@media (max-width:767px) {


.inside-product-show .product-show-top .product-show-info {


font-size:14px;


line-height:30px


}


.inside-product-show .product-show-top .product-show-info .product-show-p {


font-size:14px;


line-height:30px


}


}


@media (max-width:640px) {


.inside-product-show .product-show-bottom .pro-info {


padding-left:30px


}


.inside-product-show .product-show-bottom .pro-info .pro-info-title {


margin-left:-30px


}


}


.inside-product-show .product-show-bottom .pro-info .pro-info-p {


	margin-bottom:45px;


	overflow:hidden;


	line-height:30px


}


.related-product {


	background:#f5f5f6;


	overflow:hidden;


	padding:55px 0 100px


}


.related-product .contain {


	width:1400px;


	margin:0 auto


}


.related-product .contain .pro-title {


	font-size:30px;


	margin-top:50px;


	line-height:30px;


	background:url("../images/line01.png") no-repeat center right;


	margin-bottom:35px;


	overflow:hidden


}


.related-product .contain .pro-title span {


	color:#333;


	float:left;


	display:block;


	padding-right:10px;


	background:#f5f5f6


}


.related-product .contain .pro-title b {


	color:#999;


	display:block;


	float:left;


	text-transform:uppercase;


	font-weight:normal;


	padding-right:20px;


	background:#f5f5f6


}


.related-product .contain ul {


	margin:0 -20px;


	overflow:hidden


}


.related-product .contain ul li {


	float:left;


	width:25%;


	padding:0 20px;


	overflow:hidden


}


.related-product .contain ul li a .pic {


	width:100%;


	position:relative;


	border:1px solid #e5e5e5;


	overflow:hidden


}


.related-product .contain ul li a .pic img {


-webkit-transition:.5s;


transition:.5s


}


.related-product .contain ul li a .pic:after {


	padding-bottom:100%;


	content:"";


	display:block


}


.related-product .contain ul li a .pic .product-hover {


	position:absolute;


	top:0;


	left:0;


	text-align:center;


	background:url("../images/productbg.png") repeat center center;


	width:100%;


	height:100%;


	display:none;


-webkit-transition:.5s;


transition:.5s


}


.related-product .contain ul li a .pic .product-hover span {


	position:relative;


	top:50%;


	color:#fff;


	font-size:18px;


	background:url("../images/more.png") no-repeat top center;


	padding-top:75px;


	display:block;


	margin-top:-51px


}


.related-product .contain ul li a .product-title {


	height:67px;


	line-height:67px;


	overflow:hidden;


	white-space:nowrap;


	text-overflow:ellipsis;


	font-size:18px;


	color:#333;


	border-bottom:1px solid #e5e5e5


}


.related-product .contain ul li:hover a .pic img {


	-webkit-transform:scale(1.05);


	-ms-transform:scale(1.05);


	transform:scale(1.05)


}


.related-product .contain ul li:hover a .pic .product-hover {


	display:block


}


@media (max-width:1440px) {


.inside-product-show {


padding:80px 0 100px;


width:100%


}


.inside-product-show .product-show-bottom {


padding:0 10px


}


.related-product .contain {


padding:0 10px;


width:100%


}


.related-product .contain ul {


margin:0 -10px


}


.inside-product-show .product-show-top {


padding:20px


}


.inside-product-show .product-show-top .pic {


width:400px


}


.inside-product-show .product-show-top .product-show-info {


height:400px


}


}


@media (max-width:1260px) {


.inside-product-show .product-show-top .pic {


width:500px


}


.inside-product-show .product-show-top .product-show-info {


height:auto;


width:auto


}


.related-product .contain ul li {


padding:0 15px


}


}


@media (max-width:768px) {


.inside-product-show {


padding:40px 10px;


width:100%


}


.related-product {


padding:40px 0;


width:100%


}


.related-product .contain ul li {


padding:0 10px


}


}


@media (max-width:640px) {


.inside-product-show .product-show-top .pic {


width:100%


}


.inside-product-show .product-show-top .product-show-info ul li {


width:100%;


margin:0 0 10px


}


.related-product .contain ul li {


width:50%;


margin-bottom:20px


}


.related-product .contain ul li a .product-title {


height:47px;


line-height:47px;


font-size:16px


}


.inside-product-show .product-show-top .product-show-info .product-show-title {


padding-bottom:0


}


.inside-product-show .product-show-top .product-show-info .product-show-p {


margin-bottom:20px


}


.inside-product-show .product-show-top .product-show-info .product-contact {


margin-top:20px


}


.inside-product-show .product-show-bottom .pro-title {


margin:25px 0;


font-size:22px;


background:none


}


.inside-product-show .product-show-bottom .pro-info .pro-info-title {


margin-bottom:20px


}


.inside-product-show .product-show-bottom .pro-info .pro-info-p {


margin-bottom:25px


}


.inside-product-show .product-show-bottom {


margin-bottom:0


}


.related-product .contain .pro-title {


margin:0 0 25px;


font-size:22px;


background:none


}


}


.inside-video {


	padding:80px 0 100px;


	overflow:hidden;


	width:1400px;


	margin:0 auto


}


.inside-video ul {


	margin:0 -23px;


	overflow:hidden


}


.inside-video ul li {


	float:left;


	width:33.333333%;


	padding:0 23px;


	margin-bottom:60px


}


.inside-video ul li a {


	position:relative;


	display:block


}


.inside-video ul li a .pic {


	width:100%;


	position:relative;


	overflow:hidden


}


.inside-video ul li a .pic img {


-webkit-transition:.5s;


transition:.5s


}


.inside-video ul li a .pic:after {


	padding-bottom:56%;


	content:"";


	display:block


}


.inside-video ul li a .video-info {


	position:absolute;


	bottom:0;


	left:0;


	width:100%;


	background:url("../images/videobg.png") no-repeat bottom center;


	height:100%;


-webkit-transition:.5s;


transition:.5s


}


.inside-video ul li a .video-info span {


	position:absolute;


	bottom:0;


	display:block;


	width:100%;


	background:url("../images/video.png") no-repeat 20px center;


	height:47px;


	line-height:47px;


	font-size:18px;


	color:#fff;


	padding-left:54px;


	text-overflow:ellipsis;


	white-space:nowrap;


	overflow:hidden


}


.inside-video ul li:hover a .pic img {


	-webkit-transform:scale(1.05);


	-ms-transform:scale(1.05);


	transform:scale(1.05)


}


.inside-video ul li:hover a .video-info {


	background:none


}


.transparent {


	position:fixed;


	top:0;


	left:0;


	z-index:1001;


	width:100%;


	height:100%;


	background:url("../images/transparent-bg.png") repeat;


	background:rgba(0, 0, 0, 0.7);


	display:none


}


.video-popup {


	position:fixed;


	z-index:1001;


	width:1080px;


	height:600px;


	left:50%;


	top:50%;


	margin:-300px 0 0 -540px;


	text-align:center;


	padding:0;


	display:none


}


.video-popup .box {


	height:100%


}


.video-popup .close {


	display:block;


	width:35px;


	height:35px;


	position:absolute;


	right:0;


	top:-40px;


	background:url("../images/close-icon.png") no-repeat


}


.video-popup .p-01 {


	font-weight:bold;


	font-size:15px;


	margin:5px 0


}


.video-popup .p-02 {


	font-size:12px


}


.video-popup a {


	color:#274095


}


.video-popup a:hover {


	text-decoration:underline


}


@media (max-width:1440px) {


.inside-video {


width:100%


}


.inside-video ul {


margin:0


}


}


@media (max-width:1260px) {


.inside-video ul li {


padding:0 15px


}


.video-popup {


width:768px;


height:427px;


margin:-213px 0 0 -384px


}


}


@media (max-width:992px) {


.video-popup {


width:640px;


height:356px;


margin:-178px 0 0 -320px


}


}


@media (max-width:768px) {


.inside-video {


padding:40px 10px


}


.inside-video ul li {


margin-bottom:30px;


padding:0 10px;


width:50%


}


.video-popup {


width:450px;


height:250px;


margin:-125px 0 0 -225px


}


}


@media (max-width:640px) {


.inside-video ul {


margin:0 -5px


}


.inside-video ul li {


margin-bottom:20px;


padding:0 5px


}


.inside-video ul li a .video-info span {


font-size:16px


}


}


@media (max-width:500px) {


.video-popup {


width:300px;


height:167px;


margin:-83px 0 0 -150px


}


}


@media (max-width:450px) {


.inside-video ul {


margin:0


}


.inside-video ul li {


margin-bottom:20px;


padding:0;


width:100%


}


.inside-video ul li a .video-info span {


font-size:16px


}


}


.map img {


	margin-left:20px


}


.map dl {


	border:#d6dbe1 solid 1px;


	border-top:#2365d0 solid 2px;


	border-bottom:none;


	margin:20px 0;


	background:#fff


}


.map dl dt {


	background:#fcfcfc;


	color:#0053a8;


	font-size:16px;


	line-height:40px;


	border-bottom:#d6dbe1 solid 1px;


	padding:0 0 0 20px


}


.map dl dt a:hover {


	color:#2365d0


}


.map dl:hover {


	background:#f5f8fa


}


.map dd {


	overflow:hidden;


	padding-top:10px


}


.map dd .first {


	padding:10px 0 0 20px;


	clear:both;


	line-height:30px


}


.map dd .first a {


	color:#b87500;


	font-weight:bold


}


.map dd .first a:hover {


	color:#764b00


}


.map dd div {


	clear:both;


	overflow:hidden;


	line-height:30px;


	border-bottom:#d6dbe1 solid 1px;


	padding:0 20px 10px 10px


}


.map dd div a {


	color:#333;


	float:left;


	padding:0 10px


}


.map dd div a:hover {


	background:#2365d0;


	color:#fff


}


.footer .ewm {


	text-align: left;


	margin-top: 5px;


}


.footer .ewm span {


	text-align: center;


}


.footer .ewm img {


	max-width: 100px;


}


.footer .footer-info {


	display: none;


}


 @media (max-width: 1280px) {


 .footer .footer-nav {


 display: block;


 margin: auto;


}


 .footer .footer-nav li {


 display: none;


}


 .footer .footer-nav .last {


 display: block;


 width: 100%;


 text-align: center;


}


 .footer .footer-nav .last p {


 display: none;


}


 .footer .footer-nav .last a {


 display: none;


}


 .footer .ewm {


 text-align: center;


}


 .footer .ewm img {


 max-width: 120px;


}


}



.dh{width:100%; overflow:hidden; background:#2365D0;}
.dh li{width:33.3%;float:left; height:40px; }
.dh li a{ display:block; height:40px; line-height:40px; text-align:center; font-family:"microsoft YaHei"; overflow:hidden;color:#fff; font-size:14px;}
.dh li a:hover{ color:#fff; background:#15407A;}